<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
    <link rel="stylesheet" href="../libs/bootstrap/css/bootstrap.min.css">
    <style>
        .panel {
            margin-bottom: 10px;
        }
    </style>
</head>
<body ng-app="myApp" ng-controller="MyController">
<div class="container">
    <div class="panel panel-primary">
        <div class="panel-heading">
            整数：
        </div>
        <div class="panel-body">
            <span ng-bind="number | number"></span>
        </div>
    </div>

    <div class="panel panel-primary">
        <div class="panel-heading">
            保留小数：
        </div>
        <div class="panel-body">
            <span ng-bind="decimal | number:3"></span>
        </div>
    </div>

    <div class="panel panel-primary">
        <div class="panel-heading">
            金钱（默认为美元符号$）
        </div>
        <div class="panel-body">
            <span ng-bind="money | currency"></span>
        </div>
    </div>

    <div class="panel panel-primary">
        <div class="panel-heading">
            金钱（修改符号）
        </div>
        <div class="panel-body">
            <span ng-bind="money | currency: 'RMB￥'"></span>
        </div>
    </div>

    <div class="panel panel-primary">
        <div class="panel-heading">
            时间
        </div>
        <div class="panel-body">
            <span ng-bind="date | date:'yyyy年MM月dd日 HH时mm分ss秒sss'"></span>
        </div>
    </div>

    <div class="panel panel-primary">
        <div class="panel-heading">
            数组截取LimitTo(若为负数，则是从后面截取的)
        </div>
        <div class="panel-body">
            <span ng-bind="[1,2,3,4,5,6,7] | limitTo:3"></span>
        </div>
    </div>

    <div class="panel panel-primary">
        <div class="panel-heading">
            字符串截取LimitTo(若为负数，则是从后面截取的)
        </div>
        <div class="panel-body">
            <span ng-bind="'123456'| limitTo:3"></span>
        </div>
    </div>

    <div class="panel panel-primary">
        <div class="panel-heading">
            大小写转换
        </div>
        <div class="panel-body">
            <p>转小写：<span ng-bind="'Hello World!'| lowercase"></span></p>
            <p>转大写：<span ng-bind="'Hello World!'| uppercase"></span></p>
        </div>
    </div>


    <div class="panel panel-primary">
        <div class="panel-heading">
            filter过滤(只会匹配到value的值)
        </div>
        <div class="panel-body">
            <!--<span ng-bind=" filterString | filter: {age:'24'}"></span>-->
        </div>
    </div>


    <div class="panel panel-primary">
        <div class="panel-heading">
            orderBy排序(默认是正序，加上'-'号则是反序)
        </div>
        <div class="panel-body">
            <!--<span ng-bind=" filterString | orderBy:'age'"></span>-->
        </div>
    </div>

    <div class="panel panel-primary">
        <div class="panel-heading">
            json(查看控制台输出)
        </div>
        <div class="panel-body">
            <span ng-bind=" filterString | json"></span>
        </div>
    </div>


    <div class="panel panel-primary">
        <div class="panel-heading">
            自定义filter
        </div>
        <div class="panel-body">
            <span ng-bind=" '123' | checkName"></span>
        </div>
    </div>


</div>
</body>
</html>

<script src="../libs/AngularJS.min.js"></script>
<script src="js/index.js"></script>